userFilterMenu = new Ext.menu.Menu({
    style:{ 'overflow': 'visible'},
    id: 'user-menu',
    text: 'hi',
    items: [{
        text: 'jason',
        name: 'jason',
        checked: false
    },
    {
        name: 'marc',
        text: 'marc',
        checked: false
    },
    {
        name: 'kyle',
        text: 'kyle',
        checked: false
    }]
})

stateFilterMenu = new Ext.menu.Menu({
    style:{ 'overflow': 'visible'},
    id: 'state-menu',
    text: 'hi',
    items: [{
        text: 'Downloading',
        checked: false,
    },{
        text: 'Seeding',
        checked: false,
    },{
        text: 'Checking',
        checked: false,
    },{
        text: 'Paused',
        checked: false,
    },{
        text: 'Error',
        checked: false,
    }]
})

torque.bars['torrents'] = new Ext.Toolbar({
    height:25,
    items: [{
        text:'Users',
        menu: userFilterMenu
    },{
        text:'States',
        menu: stateFilterMenu
    },{
        xtype:'tbseparator'
    },{
        xtype:'tbtext',
        text: 'Age:  ',
    },{
        id:'filter_age',
        xtype:'spinnerfield',
        minValue:-1,
        incrementValue:1,
        allowDecimals:false,
        width:100,
    },{
        xtype:'tbseparator'
    },{
        xtype:'tbtext',
        text:'Search:  '
    },new Ext.form.TextField({
        id:'filter_search',
        listeners: {
            'specialkey': {
                fn: function(obj,e) { if(e.keyCode == 13) {torque.store('torrent.torrents').reload();} },
                scope: this,
                delay: 100,
            }
        }
    })],
    border:false,
});

